/**
 * Created by JetBrains WebStorm.
 * User: Silence
 * Date: 3/27/12
 * Time: 3:42 AM
 * To change this template use File | Settings | File Templates.
 */

Ext.define('EM.view.event.ItemDetailPanel', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.itemdetailpanel',
    layout: {
        align: 'stretch',
        type: 'vbox'
    },
    collapseDirection: 'right',
    collapsible: true,
    hidden: true,
    dockedItems: [
        {
            xtype: 'form',
            bodyPadding: 10,
            id: 'itemdetailsform',
            title: 'Item Detail',
            flex: 1,
            dock: 'top',
            items: [
                {
                    xtype: 'displayfield',
                    fieldLabel: 'Name',
                    name: 'item',
                    anchor: '100%'
                },
                {
                    xtype: 'displayfield',
                    fieldLabel: 'Description',
                    name: 'description',
                    anchor: '100%'
                },
                {
                    xtype: 'displayfield',
                    fieldLabel: 'Cost',
                    name: 'cost',
                    anchor: '100%'
                },
                {
                    xtype: 'displayfield',
                    fieldLabel: 'Max. Reducable',
                    name: 'maxR',
                    anchor: '100%'
                },
                {
                    xtype: 'displayfield',
                    fieldLabel: 'Budget',
                    name: 'budget',
                    anchor: '100%'
                }
            ]
        }
    ],
    items: [
        {
            xtype: 'sourcepanel',
            id: 'itemsources',
            title: 'Sources',
            flex: 1
        }
    ]
});